<template>
  <div>
    <!-- 订单卡片组件 -->
    <order-card
      v-for="item of orderList"
      :key="item.id"
      :orderList="item"
    ></order-card>
    <!-- 分割线 -->
    <van-divider>已经全部加载完成</van-divider>
  </div>
</template>

<script setup>
// 引入hooks
import { useOrderList } from "@/hooks/order/useOrder.js";
// 引入订单卡片组件
import orderCard from "@/components/order/OrderCard.vue";
import { ref,onMounted,onActivated } from "vue";
import {useRoute} from 'vue-router'

// 获取数据
const { orderList} = useOrderList();
const route=useRoute()
onMounted(()=>{
  console.log(route.query);
})
onActivated(()=>{
  console.log("onActivated");
})
</script>

<style lang="scss" scoped>
</style>